<template>
  <div>
    <button @click="jump">跳转到路由跳转页</button>
  </div>
</template>

<script setup>
import { onBeforeRouteLeave, onBeforeRouteUpdate, useRoute, useRouter } from 'vue-router';

let router = useRouter()
let jump = () => {
  router.push({path:'/sanDianEr/lytzy',query:{name:'路由query传参'}})
}

// 添加一个导航守卫，在当前组件将要离开时触发。
onBeforeRouteLeave((to, from, next) => {
  next()
})

// 添加一个导航守卫，在当前组件更新时触发。
// 在当前路由改变，但是该组件被复用时调用。
onBeforeRouteUpdate((to, from, next) => {
  next()
})
</script>
<style scoped lang ='less'>
</style>